<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Event</title>
    <style>
        #hideDiv,
        #showDiv {
            background-color: aquamarine;
            border: 1px solid grey;
            width: 300px;
            height: 300px;
            margin: 20px;
        }

    </style>
</head>

<body>
    <div data-ng-app="myApp" data-ng-controller="myCtrl">
        <h3>ng-click</h3>
        <span>Number : {{count}}</span><br />
        <button data-ng-click="count = count + 1">Add Number</button>
        <h3>toggle(ng-hide)</h3>
        <button data-ng-click="toggle()">Toggle</button>
        <div id="hideDiv" data-ng-hide='isHide'><span>ng-hide</span></div>
        <h3>toggle(ng-show)</h3>
        <div id="showDiv" data-ng-show='isHide'><span>ng-show</span></div>
    </div>
    <script src="../node_modules/angular/angular.min.js"></script>
    <script src="event.js"></script>
</body>

</html>
